.toolbox{
	height:0px;
	width:60px;
	background: rgba(255,255,255,0.7);
	position:absolute;
	right:15px;
	bottom:120px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .175);
    overflow:hidden;
}

.toolbox div{
	cursor:pointer;
	height:32px;
	width:34px;
	margin-top:10;
	margin-left:13px;
}

.toolbox .map{
	background:url('../images/map.png');
}

.toolbox .draw{
	background:url('../images/draw.png');
}

.toolbox .showBorder{
	background:url('../images/top.png');
}

.toolbox .help{
	background:url('../images/help.png');
}

@keyframes hiddentool{
	from {height: 200px;}
	to {height: 0px;}
}

.hiddentoolanimation{
	animation: hiddentool 0.7s;
	-webkit-animation: hiddentool 0.7s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes hiddentool {
    from {height: 200px;}
	to {height: 0px;}
}

@keyframes showtool{
	from {height: 0px;}
	to {height: 200px;}
}

.showtoolanimation{
	animation: showtool 0.7s;
	-webkit-animation: showtool 0.7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;	
}

@-webkit-keyframes showtool {
    from {height: 0px;}
	to {height: 200px;}
}